<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%@ taglib prefix="f" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path=request.getContextPath();
%>    

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--导入css样式  -->
<link href="/js/bootstrap-4.3.1/css/bootstrap.css" rel = "stylesheet">

	<script type="text/javascript" src="/js/js/jquery-3.2.1/jquery.js"> </script> 
    <script type="text/javascript" src="/js/js/jquery.validate.js"></script>
	<script type="text/javascript" src="/js/js/jqueryvalidate/localization/messages_zh.js"></script>
	<script type="text/javascript" src="/js/bootstrap-4.3.1/js/bootstrap.js"></script>



<title>Insert title here</title>
</head>
<body>

	<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">欢迎登陆！</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">管理</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">新闻</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/article/toHome">我的</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">开发中</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="搜索关键字" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
    </form>
  </div>
</nav>

	<div class="containen-fluid" style="margin-bottom:50px">
	<div class="row">
		<!-- 菜单区域 -->
		<div class="col-md-2" style="border-right: solid 1px">
			<ul class="nav flex-column">
				  <li class="nav-item">
				    <a class="nav-link active" href="#">Active</a>
				  </li>
				  <li class="nav-item">
				    <a class="nav-link" href="javascript:menuClickUser('/show/findUser')">用户管理</a>
				  </li>
				  <li class="nav-item">
				    <a class="nav-link" href="javascript:menuClickArticle('/article/findArticle')">文章管理</a>
				  </li>
				  <li class="nav-item">
				    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
				 </li>
			</ul>
		
		</div>
		<div id="workContent" class="col-md-9">
			
		</div>
		
	</div>
	</div>
	<script type="text/javascript">
		function menuClickUser(url){
			$("#workContent").load(url);
		}
		function menuClickArticle(url){
			$("#workContent").load(url);
		}
	
	</script>


</body>
</html>